import { View,Image} from '@tarojs/components'
import angle from "@/assets/angle.png"
import './index.scss'

export default function ListItem(props) {
	const {title,extraText,iconUrl,onClick}=props
	return (
		<View onClick={onClick} className="list-item">
			<View className="list-item-left">
				<View><Image className="list-item-icon" src={iconUrl}></Image></View>
				<View className="list-item-title">{title}</View>
			</View>
			<View className="list-item-right">
				<View className="list-item-extra">{extraText}</View>
				<View><Image className="list-item-angle" src={angle}></Image></View>
			</View>
		</View>
	)
}

